import {CloseOutlined,CheckOutlined} from '@ant-design/icons';

const style={

    color:'green',
}

export const Yes = ()=>{
    return (
        <>
            <CheckOutlined style={{color:'green'}}/>
        </>
    )
}

export const No = ()=>{
    return (
        <>
            <CloseOutlined style={{color:'red'}}/>
        </>
    )
}

export const columns = [
    {
        title:'页面地址',
        dataIndex:'pageAddr',
        key:1
    },
    {
        title:'路由地址',
        dataIndex:'routeAddr',
        key:2
    },
    {
        title:'非精准匹配',
        dataIndex:'noMustMatch',
        key:3
    },
    {
        title:'精准匹配',
        dataIndex:'mustMatch',
        key:4
    },
    {
        title:'为何匹配',
        dataIndex:'why',
        key:5
    }
]

export const dataSource = [
    {
        pageAddr:'/',
        routeAddr:'/',
        noMustMatch:<Yes/>,
        mustMatch:<Yes/>,
        why:'页面地址和路由地址完全一致',
    },
    {
        pageAddr:'/',
        routeAddr:'/a',
        noMustMatch:<No />,
        mustMatch:<No />,
        why:'页面地址中不包含/a',
    },
    {
        pageAddr:'/a/b',
        routeAddr:'/a',
        noMustMatch:<Yes />,
        mustMatch:<No />,
        why:'页面地址包含路由地址/a，但是不完全与路由地址一致',
    },
    {
        pageAddr:'/a/b',
        routeAddr:'/a/b',
        noMustMatch:<Yes />,
        mustMatch:<Yes />,
        why:'页面地址和路由地址完全一致',
    }
]
